<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>零件表</title>

    <!--公共集合样式-->
    <link rel="stylesheet" href="<%=path%>/heatconfig/css/base.css" />

    <link rel="stylesheet" href="<%=path%>/heatconfig/css/style1.css" />

    <script type="text/javascript" src="<%=path%>/heatconfig/js/jquery-3.5.1.min.js" ></script>

</head>
<body>

<div class="m-box">
    <div class="head">
        <a href="#"></a>
        <span>零件表</span>
        <div class="del" id="del">删除</div>
    </div>
    <div style="height: 50px;"></div>
    <div class="list">
        <ul>
            <li>
                <c:forEach items="${requestScope.componentUses}" var="comt" varStatus="stat">
                <div class="box">
                    <div class="check dark-check"></div>
                    <div class="img">
                        <img src="<%=path%>/heatconfig/images/${comt.component.pic}" />
                    </div>
                    <div class="info clearfix">
                        <div class="title">${comt.component.componentName}</div>
                        <div class="m-num fl">
                            <span class="jian">-</span>
                            <input type="text" value="${comt.count}" class="num" />
                            <span class="add">+</span>
                        </div>
                        <div class="price fr">￥<span data-price="100">${comt.component.price}</span></div>
                    </div>
                </div>
                </c:forEach>
            </li>
           <%-- <li>
                <div class="box">
                    <div class="check dark-check"></div>
                    <div class="img">
                        <img src="<%=path%>/heatconfig/images/pic.png" />
                    </div>
                    <div class="info clearfix">
                        <div class="title">2两顿饭发送发生发顺丰的</div>
                        <div class="m-num fl">
                            <span class="jian">-</span>
                            <input type="text" value="1" class="num" />
                            <span class="add">+</span>
                        </div>
                        <div class="price fr">￥<span data-price="80">80</span></div>
                    </div>
                </div>
            </li>--%>
            <%--<li>
                <div class="box">
                    <div class="check dark-check"></div>
                    <div class="img">
                        <img src="<%=path%>/heatconfig/images/pic.png" />
                    </div>
                    <div class="info clearfix">
                        <div class="title">3两顿饭发送发生发顺丰的</div>
                        <div class="m-num fl">
                            <span class="jian">-</span>
                            <input type="text" value="1" class="num" />
                            <span class="add">+</span>
                        </div>
                        <div class="price fr">￥<span data-price="120">120</span></div>
                    </div>
                </div>
            </li>--%>
            <%--<li>
                <div class="box">
                    <div class="check dark-check"></div>
                    <div class="img">
                        <img src="<%=path%>/heatconfig/images/pic.png" />
                    </div>
                    <div class="info clearfix">
                        <div class="title">4两顿饭发送发生发顺丰的</div>
                        <div class="m-num fl">
                            <span class="jian">-</span>
                            <input type="text" value="1" class="num" />
                            <span class="add">+</span>
                        </div>
                        <div class="price fr">￥<span data-price="200">200</span></div>
                    </div>
                </div>
            </li>--%>
        </ul>
    </div>

    <div class="foot clearfix">
        <!--全选-->
        <div class="all-check">
            全选
            <div class="gap-check check"></div>
        </div>
        <!--总价-->
        <div class="foot-box">
            <div class=" itme all-price">总价：<span>2000</span></div>
            <div class="itme"><input type="button" class="btn" value="确认下单"  /></div>
        </div>
    </div>

</div>

<script type="text/javascript" src="js/script.js"></script>

</body>
</html>
